<template>
  <div>
    <div>xixi</div>
    <three-child :text="text"></three-child>
  </div>
</template>

<script>
import ThreeChild from './child_components/three_child'

export default {
  components: {
    'three-child': ThreeChild
  },
  data () {
    return {
      text: ''
    }
  },
  created () {
    // setTimeout(() => {
    //   this.text = 'heiheihei'
    // }, 0)
    // this.text = 'heiheihei'
    // console.log('parent-created')
  },
  mounted () {
    // setTimeout(() => {
    //   this.text = 'heiheihei'
    // }, 1000)
    // console.log('parent-mounted')
    this.text = 'heiheihei'
  }
}
</script>
